<script setup lang="ts"></script>

<template>
    <div class="home-active-component">
        <div class="month"></div>
        welcome
    </div>
</template>

<style scoped lang="scss">
.home-active-component {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    // font-size: 30px;
    // filter: blur(1px);
    /* 透明度也要改变 */
    // opacity: 1;

    .month {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        background-color: #d0d6db;
        box-shadow: 0px 0px 10px 0px #e9f5ff;
        position: absolute;
        right: 10px;
        top: 10px;
    }
}
</style>
